<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>车间计划</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <!--responsive-->
    <link rel="shortcut icon" href="../Content/img/jridge.ico" />
    <link rel="bookmark" href="../Content/img/jridge.ico" />
    <script src="../Scripts/jquery-1.10.2.min.js"></script>
    <script src="../Scripts/clipboard-polyfill.js"></script>
    <!--vue-->
    <script src="../Scripts/vue-2.5.9/vue.min.js"></script>
    <!--axios-->
    <script src="../Scripts/vue-2.5.9/axios.min.js"></script>
    <!--elementUI-->
    <script src="Scripts/element-2.3.8/index.js"></script>
    <link rel="stylesheet" href="Scripts/element-2.3.8/index.css">
    <!--Mint-UI-->
    <script src="Scripts/mint-ui/index.js"></script>
    <link rel="stylesheet" href="Scripts/mint-ui/style.css">
    <!--custom-->
    <link rel="stylesheet" href="../Content/vue-common.css">
    <script src="../Scripts/service/vue-service.js"></script>
    <style>
        .orderList {
            line-height: 100%;
        }

        .orderList li {
            margin: 3px auto;
        }

        #firstLine {
            font-size: 13px
        }

        #secondLine,
        #thirdLine {
            color: #999999;
            font-size: 11px;
        }
    </style>
</head>

<body>
    <div id="app">
        <!--批次计划-->
        <div v-show="!active">
            <mt-header title="车间计划">
                <router-link to="/" slot="left">
                    <mt-button icon="back" @click="window.location.href='./app_index.html'">返回</mt-button>
                </router-link>
                <mt-button slot="right">
                    <i class="el-icon-plus"></i>
                </mt-button>
            </mt-header>
            <el-row style="margin:10px 15px;">
                <el-col :span="19">
                    <el-input size="mini" placeholder="请输入产品批次查询" suffix-icon="el-icon-search" v-model="app_workshopplan_search">
                    </el-input>
                </el-col>
                <el-col :span="4" :offset="1">
                    <span style="color: #999999;font-size: 12px;">共计:{{pici_totalnum}}条</span>
                </el-col>
            </el-row>
            <el-row style="margin:auto 5%;">
                <el-row style="border-bottom:1px solid #EBEEF5" v-for="(item,index) in pici_data">
                    <ul class="orderList" :key="index">
                        <el-col :span="24">
                            <li id="firstLine">{{item.properties.lotno}}(产品：{{item.properties.name}})
                                <span style="float:right">{{item.properties.lotnum}}</span>
                            </li>
                        </el-col>
                        <el-col :span="21">
                            <li id="secondLine">图号：{{item.properties.identityno}} 物料编码：{{item.properties.materialno}}</li>
                            <li id="thirdLine">{{item.properties.startdate}}-{{item.properties.enddate}}</li>
                        </el-col>
                        <el-col :span="3">
                            <el-button type="primary" size="mini" icon="el-icon-edit-outline" circle @click="enter_plan(item)"></el-button>
                        </el-col>
                    </ul>
                </el-row>
            </el-row>
        </div>
        <!--车间计划-->
        <div v-show="active">
            <mt-header :title="tempItem_lotno">
                <router-link to="/" slot="left">
                    <mt-button icon="back" @click="ret_pici()">返回</mt-button>
                </router-link>
                <mt-button slot="right">
                    <i class="el-icon-menu"></i>
                </mt-button>
            </mt-header>
            <el-row style="margin:10px 15px;">
                <el-radio-group v-model="filter" @change="getCount()" size="small" style="margin-bottom:5px">
                    <el-radio-button label="已发布"></el-radio-button>
                    <el-radio-button label="未发布"></el-radio-button>
                </el-radio-group>
                <el-collapse>
                    <el-collapse-item v-for="(item,index) in data" :key="index">
                        <template slot="title" style="width:100%">
                            <ul class="orderList" style="width:40%">
                                <li id="firstLine">零件名称：{{item.properties.messemifinished__name}}</li>
                                <li id="secondLine">工序号：{{item.properties.mespartsemifinished__indexno}}</li>
                                <li id="thirdLine">工序名称：{{item.properties.qcpprocess__processname}}</li>
                            </ul>
                            <ul style="width:40%">
                                <li>
                                    
                                </li>
                                <li id="secondLine">{{item.properties.qcpworkshop__name}}</li>
                            </ul>
                        </template>
                        <el-row style="color: #999999;font-size: 11px;">
                            <el-col :span="6">
                                图号：
                            </el-col>
                            <el-col :span="6">
                                {{item.properties.mesproductionschedule__identityno}}
                            </el-col>
                            <el-col :span="6">
                                开始时间：
                            </el-col>
                            <el-col :span="6">
                                {{item.properties.messemifinished__startdate}}
                            </el-col>
                        </el-row>
                        <el-row style="color: #999999;font-size: 11px;">
                            <el-col :span="6">
                                物料编码：
                            </el-col>
                            <el-col :span="6">
                                {{item.properties.mesproductionschedule__materialno}}
                            </el-col>
                            <el-col :span="6">
                                结束时间：
                            </el-col>
                            <el-col :span="6">
                                {{item.properties.messemifinished__enddate}}
                            </el-col>
                        </el-row>
                        <el-row style="color: #999999;font-size: 11px;">
                            <el-col :span="6">
                                重要程度：
                            </el-col>
                            <el-col :span="6">
                                {{item.properties.mesordersheet__priority}}
                            </el-col>
                            <el-col :span="6">
                                派工状态：
                            </el-col>
                            <el-col :span="6">
                                {{item.properties.state_name}}
                            </el-col>
                        </el-row>
                    </el-collapse-item>
                </el-collapse>
            </el-row>
        </div>

    </div>
</body>
<script src="workShopPlan.js"></script>
<script src="../Template/vue-components.js"></script>

</html>